<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta name="description" content="Aaron" />
		<meta name="author" content="Aaron" />
		<title>注册</title>
		<link rel="shortcut icon" href="assets/img/favicon.png">
		<link rel="stylesheet" href="assets/css/bootstrap.css">
		<link rel="stylesheet" href="assets/css/xenon-core.css">
		<link rel="stylesheet" href="assets/css/xenon-forms.css">
		<link rel="stylesheet" href="assets/css/xenon-components.css">
		<link rel="stylesheet" href="assets/css/xenon-skins.css">
		<link rel="stylesheet" href="assets/css/custom.css">
		<!--fonts-->
		<link rel="stylesheet" href="assets/fonts/arimo/css/arimo.css">
		<link rel="stylesheet" href="assets/fonts/linecons/css/linecons.css">
		<link rel="stylesheet" href="assets/fonts/fontawesome/css/font-awesome.min.css">
		<script src="assets/js/jquery-1.11.1.min.js"></script>
		<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
		<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
		<![endif]-->
		<!-- loader-style -->
		<!--<link rel="stylesheet" href="assets/css/loader-style.css">-->
		<!--<script type="text/javascript" src="assets/js/load.js"></script>-->
		<!--<script type="text/javascript" src="assets/js/loader-style.js"></script>-->
	</head>
<body>
	<div class="container">
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<div class="row">
			<div class="col-md-8 col-md-push-2 " style="background-color: #f5f5f5;">
				<div class="row panel-heading">
					<ol class="breadcrumb">
						<li><a href="#">首页</a></li>
						<li class="active">现在注册</li>
					</ol>
				</div>

				<form class="form-horizontal panel-body">
					<div class="form-group">
						<label for="inputEmail2" class="col-sm-2 control-label">邮箱</label>
						<div class="col-sm-10">
							<input type="email" class="form-control" id="inputname" placeholder="username" name="username">
						</div>
					</div>
					<div class="form-group">
						<label for="inputPassword4" class="col-sm-2 control-label">密码</label>
						<div class="col-sm-10">
							<input type="password" class="form-control" id="inputemail" placeholder="Email" name="email">
						</div>
					</div>
					<div class="form-group">
						<label for="inputPassword4" class="col-sm-2 control-label">确定密码</label>
						<div class="col-sm-10">
							<input type="password" class="form-control" id="inputemail" placeholder="Email" name="email">
						</div>
					</div>
					<div class="form-group">
						<label for="inputPassword3" class="col-sm-2 control-label">真实姓名</label>
						<div class="col-sm-10">
							<input type="password" class="form-control" id="inputPassword" placeholder="Password" name="password">
						</div>
					</div>
					<div class="form-group">
						<label for="inputPassword4" class="col-sm-2 control-label">手机</label>
						<div class="col-sm-10">
							<input type="email" class="form-control" id="inputemail" placeholder="Email" name="email">
						</div>
					</div>
					<div class="form-group">
						<label for="inputEmail2" class="col-sm-2 control-label">密保问题</label>
						<div class="col-sm-10">
							<select class="form-control">
								<option value="1">密保问题一</option>
								<option value="2">密保问题二</option>
								<option value="3">密保问题三</option>
							</select>
						</div>
					</div>
					<div class="form-group">
						<label for="inputEmail2" class="col-sm-2 control-label">密保答案</label>
						<div class="col-sm-10">
							<input type="text" class="form-control" id="answer" placeholder="请填写密保答案" name="answer">
						</div>
					</div>

					<div class="form-group">
						<label for="inputPassword4" class="col-sm-2 control-label">身份证</label>
						<div class="col-sm-10">
							<input type="email" class="form-control" id="inputemail" placeholder="Email" name="email">
						</div>
					</div>
					<div class="form-group">
						<label for="inputPassword4" class="col-sm-2 control-label">性别</label>
						<div class="col-sm-10">
							<label class="radio-inline">
								<input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 男
							</label>
							<label class="radio-inline">
								<input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 女
							</label>
						</div>
					</div>
					<div class="form-group">
						<label for="inputPassword4" class="col-sm-2 control-label">个人地址</label>
						<div class="col-sm-2">
							
							<select id="s_province" class="form-control" name="s_province"></select>  
							
						</div>
						<div class="col-sm-2">
							<select id="s_city"  class="form-control" name="s_city"></select>  
						</div>
						<div class="col-sm-3">
							<select id="s_county" class="form-control" name="s_county"></select>
						</div>
						<div class="col-sm-3">
							<input type="email" class="form-control" id="inputemail" placeholder="详细" name="email">
						</div>
					</div>
					<div class="form-group">
						<label for="inputPassword4" class="col-sm-2 control-label">工作地址</label>

						<div class="col-sm-10">
							<input type="email" class="form-control" id="inputemail" placeholder="详细" name="email">
						</div>
					</div>
					<div class="form-group">
						<div style="margin-top: 5px;" class="col-sm-11 text-right">
							<a  href="">登录</a>
						</div>
						<div class="col-sm-1">
							<button type="button" onclick="getValues();" class="btn btn-success btn-sm"  >注册</button>
						</div>
					</div>
				</form>
			</div>
		</div>

				<!-- Main Footer -->
				<!-- Choose between footer styles: "footer-type-1" or "footer-type-2" -->
				<!-- Add class "sticky" to  always stick the footer to the end of page (if page contents is small) -->
				<!-- Or class "fixed" to  always fix the footer to the end of page -->
				<footer class="main-footer sticky footer-type-1">
					<div class="footer-inner">
						<!-- Add your copyright text here -->
						<div class="footer-text">
							&copy; 2005-2016 <strong>蓝点工作室</strong> 江西农业大学
							<a href="#" target="_blank">光谱数据库</a>
							- 开发团队:
							<a href="#" target="_blank">蓝点工作室</a>
						</div>
						<!-- Go to Top Link, just add rel="go-top" to any link to add this functionality -->
						<div class="go-up">
							<a href="#" rel="go-top">
								<i class="fa-angle-up"></i>
							</a>
						</div>
					</div>
				</footer>
			</div>
		</div>

		<div class="page-loading-overlay">
			<div class="loader-2"></div>
		</div>

		<!-- Bottom Scripts -->
		<script class="resources library" src="assets\js\area.js" type="text/javascript"></script>
		 <script type="text/javascript">_init_area();</script>
		<script src="assets/js/bootstrap.min.js"></script>
		<script src="assets/js/TweenMax.min.js"></script>
		<script src="assets/js/resizeable.js"></script>
		<script src="assets/js/xenon-api.js"></script>
		<script src="assets/js/xenon-toggles.js"></script>
		<!-- Imported scripts on this page -->
		<script src="assets/js/xenon-widgets.js"></script>
		<script src="assets/js/toastr/toastr.min.js"></script>
		<!-- JavaScripts initializations and stuff -->
		<script src="assets/js/xenon-custom.js"></script>
	<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
		<!--Specific JS for this page-->
		<script type="text/javascript">
			jQuery(document).ready(function($) {
				// Notifications
				setTimeout(function() {
					var opts = {
						"closeButton": true,
						"debug": false,
						"positionClass": "toast-top-right toast-default",
						"toastClass": "black",
						"onclick": null,
						"showDuration": "100",
						"hideDuration": "1000",
						"timeOut": "5000",
						"extendedTimeOut": "1000",
						"showEasing": "swing",
						"hideEasing": "linear",
						"showMethod": "fadeIn",
						"hideMethod": "fadeOut"
					};
					toastr.info("通知内容... ...", "通知标题...", opts);
				}, 2000);
			});
		</script>
	<script type="text/javascript">
        var flag = 0
        function addVerificationCode () {
            if (flag == 3) {
                var element = $(".form-group").eq(1);
                var str = " <div class='form-group'> <label for='inputPassword5' class='col-sm-3 control-label'>验证码</label> <div class='col-sm-5'> <input type='text' class='form-control' id='inputyanzhen' placeholder='验证码' name='email'> </div> <div class='col-sm-4'> <a href='javascript:change()'> <img  id='img'  src='/bluePoint/imageServlet'/> </a> </div> </div>";
                element.after(str);
            }
        }
        function loginFlase() {
            flag++;
            addVerificationCode ();
        }
        function freeze () {
            if (flag == 5) {
                alert("帐号被冻结20分钟")
            }
        }

	</script>
	<script type="text/javascript">

	var Gid  = document.getElementById ;

	var showArea = function(){

		Gid('show').innerHTML = "<h3>省" + Gid('s_province').value + " - 市" + 	

		Gid('s_city').value + " - 县/区" + 

		Gid('s_county').value + "</h3>"

								}

	Gid('s_county').setAttribute('onchange','showArea()');

	</script>
	</body>

</html>